<template>
	<view class="service-file-wrap">
		<navBar title="道路救援服务协议" :showHome="false" :showBack="true" marginLeft="20px" />
		<view class="content-box" :style="{ marginTop: getSystemInfo.navBarHeight + 'px' }">
			<u-parse :content="info"></u-parse>
		</view>
	</view>	
</template>

<script>
	import navBar from '@/components/navBar.vue'
	import {
		mapState,
		mapGetters,
		mapMutations,
		mapActions
	} from 'vuex'
	export default {
		name: 'service-file',
		components: {
			navBar
		},
		computed: {
			...mapGetters('global', ['getSystemInfo'])
		},
		data() {
			return {
              info:''
			}
		},
		methods:{
			// 初始化页面
			async initData() {
				//获取服务协议
				try {
					const res = await this.$request({
						method: 'GET',
						url: '/order-center/road/rescue/agreement/searchByCode',
						data: {
							code: 'AGREEMENT'
						}
					})
                    this.info = res.datas.content
				} catch (e) {
			
				}
			},
		},
		onShow() {
          this.initData()
		}
	}
</script>

<style scoped lang="scss">
	.content-box{
		padding: 20rpx;
		background: #fff;
	}
</style>